<template>
	<div>
		<Menu>
			<Submenu v-for="menu in menus" @click="showMenuItem" :key="menu.id">
				<template slot="title">
					<!--<Icon type="ios-paper"></Icon>-->
					{{menu.text}}
				</template>
				<router-view></router-view>
				<!--<MainMenuItem></MainMenuItem>-->
			</Submenu>
		</Menu>
	</div>
</template>

<script>
    import MainMenuItem from './mainMenuItem.vue'

    export default {
        data() {
            return {
                menus: [{
                    id: 1,
                    text: 'menu1'
                }]
            };
        },
        mounted() {

        },
        beforeDestroy() {

        },
        methods: {
            showMenuItem(){
                alert(1);
            }
        }
    };
</script>

